
.content{
	margin-top: 20upx;
	.align-item{
		align-items: flex-start !important;
	}
	.top{
		width: 750upx;
		background-color: #FFFFFF;
		padding: 20upx;
		position: relative;
		margin-bottom: 20upx;
		.orderNum{
			font-size: 26upx;
			display: flex;
			align-items: center;
			margin-bottom: 10upx;
			.left{
				display: flex;
				align-items: center;
				image{
					width: 36upx;
					height: 36upx;
					margin-right: 10upx;
				}
				.imgbox{
					width: 53upx;
					height: 53upx;
					background-image: url(../../../static/img/MyVipBG.png);
					background-size: 100%;
					background-repeat: no-repeat;
					margin-right: 10upx;
					text-align: center;
					.addressIcon{
						font-size: 30upx;
						color: #FFFFFF;
						line-height: 53upx;
					}
				}
				.goodsImg{
					width: 120upx;
					height: 120upx;
				}
				.pay{
					display: flex;
					align-items: center;
					.total{
						padding-right: 10upx;
					}
					.juanBox{
						display: flex;
						align-items: center;
						padding-left: 10upx;
						color: #333333;
						.juan{
							width: 40upx;
							height: 40upx;
							border: 2px solid #333333;
							text-align: center;
							border-radius: 50%;
							font-size: 24upx;
							font-weight: bold;
						}
					}
				}
				.tip{
					color: red;
				}
				.title{
					width: 150upx;
					color: #888888;
				}
				text{
					color: #333333;
				}
			}
			.right{
				padding-left: 20upx;
				.head{
					font-size: 28upx;
					color: #333333;
					word-break: break-all;
					text-overflow: ellipsis;						
					display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/						
					-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/						
					-webkit-line-clamp: 2; /** 显示的行数 **/						
					overflow: hidden;  /** 隐藏超出的内容 **/
				}
				.price{
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding-top: 20upx;
				}
			}
		}
		.btnGroup{
			display: flex;
			align-items: center;
			justify-content: flex-end;
			button{
				font-size: 24upx;
				color: #626262;
				background-color: #FFFFFF;
				border: 1px solid #626262;
				border-radius: 40upx;
				margin: 0;
			}
			.cancel{
				margin-right: 20upx;
			}
		}
		.pat-bot-30{
			padding-bottom: 30upx;
		}
		.stateBox{
			position: absolute;
			top: 80upx;
			right: 30upx;
			border: 2px solid $base-color;
			color: $base-color;
			opacity: 0.3;
			text-align: center;
			width: 100upx;
			height: 62upx;
			transform: rotate(-30deg);
			border-radius: 10upx;
			font-size: 28upx;
			font-weight: bold;
		}
	}

	.bottom{
		background-color: #FFFFFF;
		padding: 20upx;
	}
}

.juanBox-color{
						display: flex;
						align-items: center;
						color: $base-color;
						.juan{
							width: 40upx;
							height: 40upx;
							border: 2px solid $base-color;
							text-align: center;
							border-radius: 50%;
							font-size: 24upx;
							font-weight: bold;
						}
					}
.btn{
	margin:50upx 0;
	
}
.Receipt{
	background-color: $base-color;
	color: rgba(255,255,255,1);
	border-radius: 40upx;
	width: 600upx;
}